<script>
export default {
  name: 'person component',
  created() {
    // Vue Router 在 app.config.globalProperties 中定义了一个 $route 属性
    // 全局属性 $route 表示当前我们正在访问的路由记录
    console.log( 'created:', this.$route );
  }
}
</script>

<template>
  <div>
    id: {{ $route.query.id }} ,
    name: {{ $route.query.name }}
  </div>
</template>